<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>操作当当购物车页面</title>
    <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
	<script>
		function del(id){
		    var delNode=id.parentNode.parentNode;
		    delNode.parentNode.removeChild(delNode);
			total();
		}
		function minus(num){
		    var prices=document.getElementsByName("price")[num].value;
		    var count=parseInt(document.getElementsByName("amount")[num].value)-1;
		    if(count<1){
		        alert("FINISHI！");
		    }
		    else{
		        document.getElementsByName("amount")[num].value=count;
		        var totals=parseFloat(prices*count).toFixed(2);
		        document.getElementById("price"+num).innerHTML="¥" +totals;
		        total();
		    }
		}
		function plus(num){
		    var prices=document.getElementsByName("price")[num].value;
		    var count=parseInt(document.getElementsByName("amount")[num].value)+1;
		    document.getElementsByName("amount")[num].value=count;
		    var totals=parseFloat(prices*count).toFixed(2);
		    document.getElementById("price"+num).innerHTML="¥" +totals;
		    total();
		}
		function total(){
		    var prices=document.getElementsByName("price");
		    var count=document.getElementsByName("amount");
		    var sum=0;
		    for(var i=0; i<prices.length;i++){
		       sum+=prices[i].value*count[i].value;
		    }
		    document.getElementById("totalPrice").getElementsByTagName("span")[0].innerHTML="¥" +sum.toFixed(2);
		
		}
		total();
	</script>
</head>
<body>

<div class="content">
    <div class="logo">
        <img src="images/dd_logo.jpg"><span onclick="close_plan();">关闭</span>
    </div>
    <div class="cartList" id="cartList">
        <ul>
            <li>商品图片</li>
            <li>商品信息</li>
            <li>单价</li>
            <li>数量</li>
            <li>总价</li>
            <li>操作</li>
        </ul>
        <ul>
            <li><img src="images/dog.jpg"></li>
            <li>我和狗狗活下来了</li>
            <li>¥<input type="text" name="price" value="21.90"></li>
            <li><input type="button" name="minus" value="-" onclick="minus(0);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(0);"></li>
            <li id="price0">¥21.90</li>
            <li><p  onclick="collection();">移入收藏</p><p onclick="del(this);">删除</p></li>
        </ul>
        <ul>
            <li><img src="images/mai.jpg"></li>
            <li>灰霾来了怎么办</li>
            <li>¥<input type="text" name="price" value="24.00"></li>
            <li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(1);"></li>
            <li id="price1">¥24.00</li>
            <li><p  onclick="collection();">移入收藏</p><p onclick="del(this);">删除</p></li>
        </ul>
        <ol>
            <li id="totalPrice">商品总计：<span></span></li>
            <li><span>结 算</span></li>
        </ol>
    </div>
</div>
<!-- <script type="text/javascript" src="js/shopping.js"></script> -->
</body>
</html>